<h1>Nuevo Tipo Habitacion</h1>

<br/>

<div class="form-horizontal">
    <div class="form-group">
        <label for="inputNombreHabitacion" class="col-sm-2 control-label">Tipo Habitacion</label>
        <div class="col-sm-10">
            <div id="inputNombreHabitacion-message"></div>
            <input type="text" class="form-control" id="inputNombreHabitacion" placeholder="Tipo Habitacion">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" class="btn btn-primary" id="buttonSave">Crear</button>
            <button type="button" class="btn btn-danger" id="buttonCancel">Cancelar</button>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        /* LISTENERS */
        $("#buttonSave").click(function () {
            if (isValid()) {
                save();
            }
        });
        $("#buttonCancel").click(function () {
            $(location).attr("href", "<?php echo url_for("habitacion_tipo_lista/index"); ?>");
        });
    });

    function isValid() {
        var valid = true;

        var id = "inputNombreHabitacion";
        if (isEmpty($("#" + id).val())) {
            valid = false;
            setError(id, "Campo requerido");
        } else {
            clearError(id);
        }

        return valid;
    }

    function save() {
        var inputNombreHabitacion = $("#inputNombreHabitacion").val();

        $.ajax({
            type: "post",
            url: "<?php echo url_for("habitacion_tipo_nuevo/save"); ?>",
            data: {
                inputNombreHabitacion: inputNombreHabitacion
            },
            success: function (response) {
                $(location).attr("href", "<?php echo url_for("habitacion_tipo_lista/index"); ?>");
            }
        });
    }
</script>